/*初始化*/

article, aside, body, div, footer, header, nav, section, span {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  font-style: normal;
  font-family: Arial;
  box-sizing: border-box;
  font-weight: lighter;
  -webkit-tap-highlight-color: transparent
}

div:focus {
  outline: 0
}

a {
  border: none;
  text-decoration: none;
  color: #000;
}

a, b, button, dd, dl, dt, h1, h2, h3, h4, h5, i, input, li, p, select, textarea, ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  font-style: normal
}

body, html {
  width: 100%;
  height: 100%
}

body {
  background-size: 100% 100%;
  -webkit-overflow-scrolling: touch
}

input[type=button], input[type=password], input[type=reset], input[type=submit], input[type=text] {
  resize: none;
  -webkit-appearance: none
}

input {
  outline: none;
}

hr {
  border: none;
  font-size: 0;
  border-bottom: 1px solid #d0d0d0;
  background: #d0d0d0;
  color: #d0d0d0;
  clear: both;
}

@media only screen and (max-width:321px) {
  html {
    font-size: 62.5%; /* 10px */
  }
}
@media only screen and (min-width:360px) {
  html {
    font-size: 87.5%!important; /* 14px */
  }
}

@media only screen and (min-width:400px) {
  html {
    font-size: 100%!important; /* 16px */
  }
}

@media only screen and (min-width:561px) {
  html {
    font-size: 100%!important; /* 16px */
  }
}

@media only screen and (min-width:641px) {
  html {
    font-size: 125%!important; /* 20px */
  }
}

@media only screen and (min-width:720px) {
  html {
    font-size: 150%!important; /* 24px */
  }
}


/*基础颜色*/

body {
  background: #f5f5f5
}

.red_color {
  color: #ed3356
}

.white_color {
  color: #fff;
}

.bg_gray {
  background: #f5f5f5;
}

.bg_rose_red {
  background: #f6577f;
}

.color_gray {
  color: #666;
}

.color_gray_02 {
  color: #333;
}

.color_gray_03 {
  color: #999;
}

.color_red {
  color: #ed3356!important;
}

.color_ec {
  color: #ec4e8a
}

.white_bg {
  background-color: #fff;
}

.whiteBg {
  overflow: hidden;
  background: #fff;
}

.tag_bg_yellow {
  background: #f5a005;
}

.tag_bg_green {
  background: #77BC6B;
}

.tag_bg_blue {
  background: #74AEC6;
}

.tag_bg_orange {
  background: #fe7e5c;
}

.tag_bg_purple {
  background: #b790cd;
}

.coupon_yellow {
  background-color: #f59e06
}

.coupon_green {
  background-color: #76bc6b
}

.coupon_blue {
  background-color: #72aec5
}

.coupon_orange {
  background-color: #fe7e5c
}

.coupon_purple {
  background-color: #b790cd
}

.coupon_color_y {
  color: #ab4607
}

.coupon_color_g {
  color: #208310
}

.coupon_color_b {
  color: #1c779a
}

.coupon_color_o {
  color: #c14220
}

.coupon_color_p {
  color: #a369c4
}

/*基础结构*/

.clear:after {
  clear: both;
  display: block;
  content: ''
}

.left {
  float: left
}

.right {
  float: right
}

.padding_common {
  padding: .667rem 0
}

.pad_l {
  padding-left: .6rem
}

.margin_l {
  margin-left: .6rem
}

.marTop {
  margin-top: 1rem
}

.mgt10 {
  margin-top: .375rem
}

.botSpace {
  overflow: hidden;
  height: 3rem
}

.borderNone {
  border: none!important
}

svg.icon {
  overflow: hidden;
  width: 1em;
  height: 1em;
  vertical-align: -.15em;
  fill: currentColor
}

.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.mint-indicator-mask {
  z-index: 9999
}

.mint-indicator {
  position: relative;
  z-index: 111
}
/*间距10px*/
.div_space {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  width: 100%;
  height: 0.72rem;
}